<!--
 * @Description: 缺省图组件（自定义头部时，补充返回按钮）
 * @Author: xinqiao lxq1990.0716@qq.com
 * @Date: 2023-10-12
 * @LastEditors: xinqiao lxq1990.0716@qq.com
 * @LastEditTime: 2023-10-20
-->
<script lang="ts" setup>
import { commonPng } from '@/enum/imageEnum'

interface IProp {
  /** 缺省图片地址 */
  imgSrc: string
  /** 缺省标题 */
  title: string
}
const props = withDefaults(defineProps<IProp>(), {
  imgSrc: commonPng.empty.company,
  title: '该企业不存在',
})
</script>

<template>
  <view class="empty">
    <image class="empty-img" mode="widthFix" :src="props.imgSrc" />
    <view class="empty-title">{{ props.title }}</view>
  </view>
</template>

<style lang="less" scoped>
.empty {
  width: 440rpx;

  > .empty-img {
    width: 440rpx;
    height: 440rpx;
  }

  > .empty-title {
    width: 440rpx;
    margin-top: 48rpx;
    font-size: 32rpx;
    line-height: 48rpx;
    color: #8e9095;
    text-align: center;
  }
}
</style>
